/**
 * Created with BlueStream
 * Date: 13. 6. 1
 * Time: 오후 5:41
 * Writer: 강석민
 */
window.onload = function () {

    // 1. 특정 노드 찾기
    var page = window.document.getElementById("sample_page");
    // childNodes 역시 NodeList 객체입니다.
    var nodes = page.childNodes;
    //alert("#sample_page의 자식 노드 개수는?"+nodes.length);

    // 2. 자식 노드에 하나씩 접근하기
    var i;
    var len;
    i = 0;
    len = nodes.length;
    while(i<len){
        var node = nodes[i];

        //노드 타입이 엘리먼트인 경우에만 스타일을 변경한다.
        if( node.nodeType==1){
            node.style.border = "red solid 1px";
        }

        ++i;
    }

    //3. 첫 번째 자식 노드 접근하기
    var firstChild = page.firstChild;

    // 현재 firstChild는 텍스트 노드라서 스타일을 적용할 수 없습니다.
    //firstChild.style.color = "#ff0000";(X)

    //4. 마지막 번째 자식 노드에 접근하기
    var lastChild = page.lastChild;
    // 현재 lastChild 텍스트 노드라서 스타일을 적용할 수 없습니다.
    //lastChild.style.color = "red";(X)
}